html,
body {
	height: 100%;
}
body {
	display: flex;
	flex-direction: column;
}
main {
	flex: 1;
	width: 100%;
	background: url(../../assets/images/index.png) no-repeat;
	background-size: cover;
}
p {
	width: 100%;
	height: 44px;
	line-height: 44px;
	text-align: center;
}
#main-bt {
	width: 105px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border: 1px solid #c1c1c1;
	border-radius: 50px;
	right: 10px;
	top: 20px;
}
#main-bt span {
	margin: 0 10px;
}
#main-bt a {
	margin: 0 10px;
}
#main-bt i {
	display: inline-block;
	width: 1px;
	height: 20px;
	top: 5px;
}
#main-slogan {
	width: 100%;
	position: absolute;
	bottom: 80px;
	text-align: center;
	font-size: 40px;
	color: #fff;
	/* forwards不会重置到原位置 */
	animation: move 2s forwards;
}
@keyframes move {
	0% {
		bottom: 0;
		opacity: 0;
	}
	50% {
		bottom: 200px;
		opacity: 0;
	}
	100% {
		bottom: 80px;
		opacity: 1;
	}
}
